<div>

  <header class="search-header">

    <div class="area item">
      <label>区域</label>
      <a><span class="mui-icon mui-icon-arrowdown"></span></a>
    </div>
    <div class="type item">
      <label>全部书</label>
      <a><span class="mui-icon mui-icon-arrowdown"></span></a>
    </div>
    <div class="order item">
      <label>排序</label>
      <a><span class="mui-icon mui-icon-arrowdown"></span></a>
    </div>
    <div class="filter item">
      <label>筛选</label>
      <a><span class="mui-icon mui-icon-arrowdown"></span></a>
    </div>

    <div class="search">
      <a><span class="mui-icon mui-icon-search"></span></a>
    </div>

  </header>

  <div class="content" onClick="alert(2)">
    sss
  </div>


  <nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item theme-color" href="#Index">
      <span class="mui-icon mui-icon-home"></span>
      <span class="mui-tab-label">书籍</span>
    </a>
    <a class="mui-tab-item mui-active" href="#Release">
      <span class="mui-icon mui-icon-plusempty release-icon"></span>
      <span class="mui-tab-label release-label">发布</span>
    </a>
    <a class="mui-tab-item" href="#Center">
      <span class="mui-icon mui-icon-personadd"></span>
      <span class="mui-tab-label">我的</span>
    </a>
  </nav>

  <div class="area top-down-modal">
    area
  </div>
  <div class="type top-down-modal">
    type
  </div>
  <div class="order top-down-modal">
    order
  </div>
  <div class="filter top-down-modal">
    filter
  </div>
  <div class="backdrop">

  </div>

</div>
